
//密码框的显示和隐藏
function eyeShow(){
    /* 点击眼睛,让密码框显示出来 */
    let flag = true
    $(".eye").click(function(){
        if(flag){
            $("#inp2").prop("type","text")
            $(".close").attr("class", "eye close dis")
            $(".open").attr("class", "eye open")
        }else{
            $("#inp2").prop("type","password")
            $(".close").attr("class", "eye close")
            $(".open").attr("class", "eye open dis")
            
        }
        //改变开关
        flag = !flag;
    })
}
eyeShow();

//验证码
function getCheckCode(){
    /* 
        1. 发送ajax,获取验证码
        2. 将验证码存储storage里面
        3. 渲染验证码
    */
    $.ajax({
        url:"http://localhost/hotel/php/checkCode.php",
        success(msg){
            // console.log(msg);
            //发送ajax,获取验证码
            sessionStorage.setItem("code",msg)
            //渲染验证码
            $("#code").html(msg)
        }
    })
}
getCheckCode();

//点击渲染验证码
$("#code").click(function(){
    //调用获取验证码的函数
    getCheckCode()
})


//实现登录操作
$("form").submit(function(e){
    //阻止表单提交
    e.preventDefault();
    /* 
        1. 收集账号,密码,验证码
        2. 校验账号,密码,验证码
        3. 发送ajax请求
    */
    const username = $("#inp1").val();
    const password = $("#inp2").val();
    const checkCode = $("#inp3").val();
    //校验账号和密码
    if(!(/\w{6,16}/i.test(username) && /\w{6,16}/i.test(password))){
        return alert("账号密码输入格式不正确!")
    }
    //校验的验证码
    //从storage里面获取code验证码
    const msg = sessionStorage.getItem("code")
    if(msg != checkCode){
        return alert("验证码输入有误,请重新输入!");
    }
    //发送ajax
    $.ajax({
        type:"POST",
        url:"http://localhost/hotel/php/login.php",
        data:{username,password},
        success(data){
            //收集到服务器给我们的账号和密码,将登录的用户信息存储到storage里面
            sessionStorage.setItem("userInfo",data)
            //存储一个标识,表示登录成功
            sessionStorage.setItem("login",1)
            //跳转到后面管理页面
            location.href = "../html/home.html";
            // location.reload
        }
    })
})